<template>
  <div id="app">
   <!--  <el-button @click="downLoadFile">下载</el-button>
    <img :src="url" alt=""> -->
    <!-- 一级路由 -->
    <router-view></router-view>
  </div>
</template>
<script>
// import axios from 'axios'
// import { saveAs } from 'file-saver'
export default {
  data() {
    return {
      url: ''
    }
  },
  created () {
     // 触发获取分类列表树的数据
     this.$store.dispatch('cate/getAllCateList')
  },
  methods: {
    // 下载文件
    async downLoadFile() {
      // 1.后端返回的是文件的URL地址时
      /* const res = await axios({
        method: 'POST',
        url: 'https://www.kuaijiankj.com/download.php'
      })
      // console.log(res)
      const url = res.data
      const response = await fetch(url)
      const blob = await response.blob()
      // console.log(blob)
      saveAs(blob, decodeURI(res.headers.get('content-disposition').split('filename=')[1])) */

      // 2.后端返回的是读取文件的二进制流文件时
      //  file-saver模块实现
      /* const res = await axios({
        method: 'POST',
        url: 'https://www.kuaijiankj.com/download.php',
        responseType: 'blob'
      })
      // 创建 blob 对象
      const blob = new Blob([res.data])
      saveAs(blob, decodeURI(res.headers.get('content-disposition').split('filename=')[1])) */

      // a链接实现
      // 发请求下载文件
     /*  const res = await axios({
        method: 'POST',
        url: 'https://www.kuaijiankj.com/download.php',
        responseType: 'blob'
      })
      console.log(res)
      // 创建 blob 对象
      const blob = new Blob([res.data])
      // 创建一个唯一的 URL
      const url = URL.createObjectURL(blob)
      // console.log(url)
      // this.url = url
      // 下载文件
      // 创建一个a标签
       const a = document.createElement('a')
       a.style.display = 'none'
       // 将下载地址赋值给herf属性
       a.href = url
       document.body.appendChild(a)
       // 设置下载文件的名字
       a.download = decodeURI(res.headers.get('content-disposition').split('filename=')[1])
       a.click() */
    }
  }
}
</script>